﻿<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>车助手</title>
<meta content="车助手" name="Keywords" />
<meta content="车助手是一家专注于汽车移动互联网的公司，我们立志做中国最大的车主服务平台" name="Description"/>
<link rel="stylesheet" href="css/style.css" />
</head>
<body>
<!-- nav -->
<div class="nav">
	<div class="w_1000">
		<div class="logo"><img src="images/logo.png" height="90" width="294"></div>
		<div class="menu">
			<a href="index.html" class="active">首页</a>
			<a href="download.html">下载</a>
			<a href="cooperation.html">合作</a>
			<!-- <a href="dynamic.html">动态</a> -->
		</div>
	</div>
</div>
<!-- banner -->
<div class="DB_tab25">
	<div class="banner relative">
		<div class="big_bg"></div>
		<img src="images/yun1.png" class="f1-yun1">
		<img src="images/yun2.png" class="f1-yun2">
		<img src="images/yun3.png" class="f1-yun3">
		<img src="images/yun4.png" class="f1-yun4">
		<img src="images/kjzname.png" class="f1-font">
		<div class="lubiao"> <img src="images/lubiao.png"> </div>
	</div>
    <!-- car -->
    <div class="street">
		<div class="car">
		   <div class="car-body"></div>
		   <div class="tyre"></div>
		   <div class="tyre front"></div>
	    </div>
	</div>
    <!-- car end -->

</div>

<!-- banner end -->
<!-- indexcon -->
<div class="service">
	<div class="w_1000">
		<h1>车助手服务平台</h1>
		<div id="vertical" class="brand vertical">
			<ul>
				<li>
					<img alt="" src="images/weizhang.png" />
					<div class="info orange">
						<span>查违章</span>
						<p>支持全国汽车交通违章查询，包含违章时间、地点、违章类别、扣分和罚款处理、处理状态。</p>
					</div>
				</li>
				<li>
					<img lta="" src="images/chujiao.png" />
					<div class="info blue">
						<span>罚款代缴</span>
						<p>全国查询、代缴，异地违章代缴。</p>
					</div>
				</li>
				<li>
					<img alt="" src="images/gaofa.png" />
					<div class="info red">
						<span>违章高发地</span>
						<p>随时随地查看附近违章热点。</p>
					</div>
				</li>
				<li>
					<img alt="" src="images/chexian.png" />
					<div class="info skyblue">
						<span>车险计算器</span>
						<p>罗列各项汽车保险金额，获取准确的购车保险费用信息。</p>
					</div>
				</li>
				<li>
					<img lta="" src="images/youjia2.png" />
					<div class="info green">
						<span>油价</span>
						<p>全国各地今日油价实时查询。</p>
					</div>
				</li>
				<li>
					<img alt="" src="images/jiayou.png" />
					<div class="info yellow">
						<span>加油充值卡</span>
						<p>在线充值，方便、快捷。</p>
					</div>
				</li>
			</ul>
	   </div>
	</div>
</div>

<div class="company">
	<div class="w_1000">
		<div class="dynamic fl">
			<h1><a href="" target="_blank">公司动态</a></h1>
			<div class="whiteCon dyna">
				<div class="dynamicImg">
					<a href="" target="_blank"><img src="images/dynamicimg.jpg" width="294" height="156" title="" alt=""></a>
					<h2><a href="" target="_blank">国内首个互联网驾校平台车轮考驾照</a></h2>
				</div>
				<ul class="newsList">
					<li><a href="" target="_blank">国内首个互联网驾校平台 车轮考驾照助力行业</a></li>
					<li><a href="" target="_blank">“车轮社区”大数据：国庆最堵城市大比拼</a></li>
					<li><a href="" target="_blank">车轮互联关勇：做汽车互联网需要不断试错</a></li>
				</ul>
			</div>
		</div>
		<div class="partner fl">
			<h1><a href="" target="_blank">合作伙伴</a></h1>
			<div class="whiteCon part">
				<ul class="partnerList">
					<li><img src="images/360.png"></li>
					<li><img src="images/xiaomi.png"></li>
					<li><img src="images/baidu.png"></li>
				</ul>
			</div>
		</div>
		<div class="download_index fr">
			<h1><a href="" target="_blank">软件下载</a></h1>
			<div class="whiteCon down">
				<div class="downloadTab">
				    <ul>
				        <li><a class="android  active">安卓版</a></li>
				    	<li><a class="apple">IOS版</a></li>	
				    </ul>
				</div>
				<div class="downloadApp_index">
					<div class="androidSaoma"><img src="images/downloadAdo.png"></div>
					<div class="appleSaoma"><img src="images/downloadApp.png"></div>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- indexcon end-->
<!-- footer -->
<div class="footer">
	<div class="w_1000">
		<div class="wechat fl">
			<img src="images/wechat.png" height="150" width="120">
			<em>关注官方微信号</em>
		</div>
		<div class="contactUs fr">
			<span>联系我们</span>
			<ul>
				<li>电话：021-52680380</li>
				<li>邮箱：kefu@akjunshi.com</li>
				<li>QQ:2853113593</li>
				<li>地址：上海市闸北区梅园路228号企业广场17楼</li>
			</ul>
			<div class="copyright">苏ICP备14022523号-6 Copyright © 2015 车助手 | 江苏十分便民电子商务有限公司</div>
		</div>
		
	</div>
</div>
<!-- footer end -->
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript">
	//品牌翻转
var turn = function(target,time,opts){
	target.find('li').hover(function(){
		$(this).find('img').stop().animate(opts[0],time,function(){
			$(this).hide().next().show();
			$(this).next().animate(opts[1],time);
		});
	},function(){
		$(this).find('.info').animate(opts[0],time,function(){
			$(this).hide().prev().show();
			$(this).prev().animate(opts[1],time);
		});
	});
}
var verticalOpts = [{'width':0},{'width':'331px'}];
turn($('#vertical'),100,verticalOpts);
var horizontalOpts = [{'height':0,'top':'120px'},{'height':'227px','top':0}];
turn($('#horizontal'),100,horizontalOpts);
    //软件下载
$(".downloadTab li").hover(function(){
        var index=$(".downloadTab li").index($(this));
        $(".downloadTab li a").removeClass("active");
        $(this).find("a").addClass("active");
        $(".downloadApp_index div").addClass("hidden").eq(index).removeClass("hidden");
      })
</script>
</html>
